.news{padding:3% 0;}
.scope {padding:5% 0;}
.none{display:none;}
.yeWuBox{ background: #eff8ff;padding:0 0 32px 0;}
.newContent_top{padding-top:40px;}
/*第一屏*/
.firstBox{width:100%;background:url(/uiFramework/commonResource/image/2020121416491348516.jpg) no-repeat;position:relative;}
.listTab{position: absolute;width:100%;bottom:10%;z-index:30;}
.listTab li{width: 25%;float: left;text-align: center;height: 125px;position: relative;}
.listTab li:last-child{}
.listTab:before { position: absolute;top: 84px;right: 0; left: 0; border-top: 2px solid #1570ca; content: '';z-index: 2;}
.listTab li.on .listTxt:before {position: absolute; top: 84px; right: 0;left: 0;width: 100%;border-top: 2px solid #fff;content: '';z-index: 6;}
.listTab li.on .listXian:after { position: absolute;top: 79px; right: 0;width: 2px; height: 12px;background: #fff;content: '';z-index: 9;transition:all .5s;}
.listTab li.on .listXian:before { position: absolute;top: 79px; left: 0;width: 2px; height: 12px;background: #fff; content: '';z-index: 9;transition:all .5s;}
.listTab li .listTxtHide {display:none;}
.listTab li .listTxt:before{transition:all 1s;}
.listTab li .listTxt{}
.listTab li .listTxt>p{font-size:22px;color:#fff;margin-top:34px;opacity:0.7;transition:all .5s;}
.listTab li .listTxtShow img{opacity:0.6;transition:all .5s;}
.listTab li:hover .listTxt>p{font-size:24px;opacity:1;font-weight:450}
.listTab li:hover .listTxtShow img{opacity:1;transform: scale(0.85);}
.listTab li .listXian{border:none}
.ping{position:absolute;top:0;width:100%;}
.ping li{display:none;}
.ping li:first-child{display:block;}
.ping li img{width:100%;height:100%;object-fit:cover;}
.ping li video{object-fit:fill;width:100%;}
.aboutVideo{position:absolute;top:50%;left:50%;margin: -24px 0 0 -24px;z-index:99;display:none;transition:all .7s;}
.aboutVideo img{}
.oneVs:hover .aboutVideo{display:block;}
.videoPhoneList{display:none;}



/* banner */
#zhuanti{padding:40px 0;}
.device{position: relative;}
.device .swiper-wrapper,.device .swiper-slide{height:100% !important;}
.device .swiper-wrapper img{width:100%;border-radius:6px;}
.device .swiper-pagination{text-align: center;position: absolute;bottom: 22px;width: 100%;z-index:20;}
.device .swiper-pagination .swiper-pagination-switch{display: inline-block;width: 12px;height: 12px;border-radius: 50%;background: #fff;margin-right: 5px;border: 1px solid #076baf;cursor: pointer;margin-right: 12px;}
.device .swiper-pagination .swiper-active-switch{background:#076baf;}

/* 定位导航样式 */
.gs_position { width: 100%; height: 90px; background: rgba(147, 137, 137, 0.8); display: none; }
.posCon { width: 1200px; margin: 0 auto; height: 90px; }
.gs_posL { float: left; margin-top: 12px; }
.gs_posR { float: right; }
.gs_posNav { margin-top: 25px; }
.gs_posNav li { margin-left: 40px; float: left; line-height: 40px; }
.gs_posNav li a { cursor: pointer; font-size: 20px; color: #fff;padding-bottom:10px; }

/*通知公告*/
.tzgg{background: url(/uiFramework/commonResource/image/2021032411120926610.png) no-repeat;}
.tzgg_text{margin: 0 auto; width: 1200px;overflow: hidden; position: relative;}
.tzgg_text .bd{ padding:30px 0; }
.tzgg_text .bd ul{ overflow:hidden; zoom:1; }
.tzgg_text .bd ul li{ zoom:1; }
.tzgg_text .bd ul li .pic{text-align: center;padding-bottom:10px;}
.tzgg_text .bd ul li .pic a{font-size: 28px;line-height: 40px;color: #00345b;font-weight: bold;padding-left: 100px;background: url(/uiFramework/commonResource/image/2021032411581180942.png) no-repeat;background-position: 0;}
.tzgg_text .bd ul li .title{ line-height: 32px; font-size: 16px; color: #666666;text-align:center;}
.tzgg_text .bd ul li .title span{float: right;}
.tzgg_text .bd ul li .title span a{line-height: 32px;font-size: 16px;}

/*公司要闻*/
/* 公司要闻左 */
.newsL{width: 47.5%;}
.newsBox{width:100%;position:relative;}
.newsBox .HB{overflow:hidden;}
.newsBox .HB .autoPlay li{float:left;position:relative;width:100%;height:364px;}
.newsBox .HB .autoPlay li .Image{height:100%;background:#000;margin:0;}
.newsBox .HB .autoPlay li .Image img{display:block;width:100%;height: 100%;margin:0 auto;object-fit:cover;}
.newsBox .HB .autoPlay li .Title{position:absolute;bottom:0;left:0;z-index:30;width:100%;background: rgba(0,0,0,.5);; margin: 0;}
.newsBox .HB .autoPlay li .Title{}
.newsBox .HB .autoPlay li .Title a{display: block;line-height: 40px; font-size: 18px;color: #fff; text-indent: 12px;}
.newsBox .PLAYbtn{position:absolute;bottom:14px;right:6px;z-index:60}
.newsBox .PLAYbtn ul li{display:inline-block;width:9px;height:9px;margin-right:.5em;border:1px solid #fff;border-radius:50%;cursor:pointer;text-indent:99em;overflow:hidden;}
.newsBox .PLAYbtn ul li.on{width:9px;height:9px;background:#0d6fb8;}

/* 公司要闻右 */
.newsR{width: 49%;}
.newsTab{border-bottom:1px solid #cdcdcd;}
.newsTab li{    float: left; margin-right: 20px; background: url(/uiFramework/commonResource/image/2021032413462711960.png) no-repeat;}
.newsTab li a{ color: #044c82;font-size: 20px; line-height: 37px; padding: 0 20px;}
.newsTab li.on{background: url(/uiFramework/commonResource/image/2021032413401690343.png) no-repeat;}
.newsTab li.on a{color: #fff;font-weight: 550;}
.newsTab li:hover a{    color: #fff;}
.newsList{    margin-top: 20px;}
.newsList li{height: 50px;line-height: 50px;    border-bottom: 1px dashed #ccc;}
.newsList li a{float: left;font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 76%;background: url(/uiFramework/commonResource/image/2021032414225837030.png) no-repeat; background-position: 0; padding-left: 13px;}
.newsList li a:hover{background: url(/uiFramework/commonResource/image/2021032414245389681.png) no-repeat; background-position: 0;}
.newsList li span{float: right;font-size: 16px;color: #666;}
.newsList li:hover a,.newsList li:hover span{color: #0158a2;}
.newsBoxTab{display: none;}

/*专题*/
.zhuanti_img{padding-bottom: 40px;    padding-top: 40px;display:none;}
.zhuanti_img a img{width:100%;}
/* 业务中心 */
.ywzx{ text-align: center;margin-bottom: 30px; padding-bottom: 20px; background: url(/uiFramework/commonResource/image/2021032414430589464.png) no-repeat; background-position: center;}
.ywzx span{    padding-top: 34px; display: block;}
.ywzx span a{ font-size: 28px;font-weight: 450;line-height: 40px;color: #fff; background: url(/uiFramework/commonResource/image/2021032415111416206.png) no-repeat; padding: 6px 50px 20px 50px;}
.yezx_ul li{width: 33%; float: left; margin-bottom: 30px; padding: 0 30px;  box-sizing: border-box; border-right: 2px solid #bfd3e3;}
.yezx_ul li>img{    width: 100px;height: 100px;float: left;transition:all .7s;}
.yezx_div{    float: left; margin-left: 40px; height: 100px;}
.yezx_div>p{    font-size: 20px; color: #8d8d8d;  line-height: 32px; margin-bottom: 20px;}
.yezx_div span{    float: left;}
.value_text{    font-size: 20px;float: left; padding-top: 16px; color: #333;}
.value,.value2,.value3{font-size: 46px;float: left;   font-weight: bold;}
.value{color: #29c0e6;}
.value2{color: #28c886;}
.value3{ color: #f5831e;}
.yezx_ul li:last-child {border-right:0;}
.yezx_ul li:hover img{transform:rotate(180deg);}
#ywzx_3{margin-right:0;}
/*业务中心*/
.contentbox{margin-left:-44px;}
.qiye,.chanpin{margin-bottom:30px;}
.con{width: 370px;height: 220px;float: left;position: relative;cursor: pointer; overflow: hidden; margin-left: 36px;margin-bottom: 32px;}
.txt{position: absolute;left: 0;bottom: 0; width: 100%; height: 50px; line-height: 0px;  text-align: center;color: lightcoral;background: rgba(0,0,0,.3);}
.txt h3{line-height: 30px;color: #fff; font-size: 16px;    padding-top: 10px;}
.contentbox :hover .txt {background: rgba(31, 99, 170, 0.8);    text-align: left;}
.con_top span{    line-height: 50px; font-size: 20px;color: #fff;}
.contentbox .txt:hover .con_top span{font-size: 20px;    border-bottom:2px solid #fff;padding-bottom:10px;}
.con_top { padding: 0 20px 20px;}
.con_top p{width: 100%;}
.con_top p a{    line-height: 30px;color: #fff;font-size: 16px;}

/* 业务中心左 */
.yewuL{width:100%;}
.ywIconL {}
.ywIconL li{margin-bottom:90px;}
.ywIconL li .ywIconLbox{margin-left:52px;}
.ywIconL li .ywIconLbox span{display:block;}
.ywIconL li .ywIconLbox .ywIconLboxt{    font-size: 22px; color: #888; line-height: 30px; margin-top: 5px; margin-bottom: 15px;}
.ywIconL li .ywIconLbox .ywIconLboxb{font-size:22px;color:#333;}
.ywIconL li .ywIconLbox .ywIconLboxb b{font-size: 40px;color: #333; font-weight: 400;}
.yewuR{width:100%;}
.ywImgR{margin-left:-44px;}
.ywImgR li{margin-left:36px;margin-bottom:32px;position:relative;width:370px;}
.ywImgR li p{position:absolute;bottom:0;width:100%;text-align:center;background:url(/uiFramework/commonResource/image/2020121617111940841.png) repeat;padding:15px 0;font-size:20px;color:#fff;}
.ywImgR li>a>div>img{width:100%;height:220px;}
/*视频中心*/
.ztTit{margin-bottom: 60px; text-align: center;}
.ztTit a{border-bottom:solid #46b9b4 3px; display: inline-block; font-size: 36px; color: #080808; height: 60px; line-height: 60px; font-weight: normal; display: inline-block !important;}
.ztzlList{display: none;}
.ztzlList a img{width:100%;-o-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;height:365px;}
.ztzlList a:hover img{-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.ztzlList .left{width:780px;    overflow: hidden;    position: relative;}
.ztzlList .left>p{    position: absolute;z-index: 9999;bottom: 0;width: 94%; line-height: 44px;padding: 0 3%;    background: rgba(0,0,0,.5);    text-align: center;}
.ztzlList .left>p>a{ font-size: 22px; color: #fff;}
.ztzlList .left:hover p{ display: block;}
.ztzlList .right{width:384px;}
.ztzlList .right .Li1{display:none;}
.ztzlList .right p a{display:block;    font-size: 18px; color: #fff;}
.ztzlList .right p a img{width:100%;height:170px;}
.ztzlList .right p{height:170px;overflow:hidden;position: relative;}
.ztzlList .right .Li2{margin-bottom:25px;}
.ztzlList .right .Li2  span{position: absolute;bottom: 0; left: 0; line-height: 40px;width: 94%; padding: 0 3%; background: rgba(0,0,0,.5);}
.ztzlList .right .Li3  span{position: absolute; bottom: 0;left: 0;line-height: 40px;width: 94%; padding: 0 3%; background: rgba(0,0,0,.5);}
.ztzlList .right .Li2:hover span{ display: block;}
.ztzlList .right .Li3:hover span{ display: block;}

#wrap {width: 1200px;position: relative;margin: 30px auto; }
#showcase {width: 100%;height: 420px;visibility: hidden;overflow: hidden !important;}
#item-title {color: #F31414;font-size: 29px;letter-spacing: 0.13em;text-shadow: 1px 1px 6px #C72B2B;text-align: center;margin-top: 30px;margin-bottom: 22px;}
.cloud9-item p{position: absolute; bottom: 0;width: 100%; color: #fff; background: rgba(0,0,0,.5); text-align: center;}
.cloud9-item p a{    line-height: 40px;font-size: 18px;color: #fff; text-indent: 2rem;}
.nav {text-align: center; width: 100%; position: absolute; bottom: 20%;}
.nav > button {width: 36px;height: 36px; color: #0d6fb8; text-decoration: none; text-align: center;font-size: 28px; margin: 5px;background: #fff;border: solid 2px #0d6fb8; border-radius: 20px; cursor: pointer;}
.nav > button:active, .nav > button.down {background: #fff;box-shadow: none;}
.nav > button.left { background: url(/uiFramework/commonResource/image/2021033013322191108.png) no-repeat center; }
.nav > button.right { background: url(/uiFramework/commonResource/image/2021033013321285982.png) no-repeat center; }

.port-2{float: left; width: 100%; position: relative; overflow: hidden; text-align: center;    height: 340px;}
.port-2 .text-desc{    background: rgba(69, 95, 173, 0.7); top: -100%; transition: 0.5s; color: #fff; padding: 45px 20px 20px;}
.port-2 .image-box img{    transition: 0.5s;width: 100%; height: 290px; object-fit: cover;    border-radius: 20px;}


.port-2.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-2.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 290px;    border-radius: 20px;}

.image-box h4{ line-height: 50px;font-weight: unset;font-size: 18px;}
.btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #4d92d9; background-color: #4d92d9; text-decoration: none; transition: 0.4s;}
.btn:hover{background-color: transparent; color: #fff; transition: 0.4s;    border: 2px solid #fff;}
.text-desc{position: absolute; left: 0; top: 0;}
.text-desc{height: 100%; width: 100%; padding: 20px;}
.text-desc h3{    color: #fff; font-size: 30px; line-height: 40px; padding-top: 120px;}
.text-desc a{margin-top: 20px;}
.effect-3 p{position: absolute;bottom: 0; width: 100%;color: #fff;  background: rgba(0,0,0,.5);border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.effect-3 p a{    line-height: 40px;font-size: 18px; color: #fff;}
.effect-3:hover p{    display: none;}
.text-desc span{padding: 0 10%;display: block;font-size: 16px;line-height: 30px;text-align: left;}
.yewuBox{ display: none;}
.nav .left{float:left;}
.nav .right{float:right;}


/*手机端1366px*/
@media only screen and (min-width: 100px) and (max-width: 1440px) {
.listTab li .listTxtShow img{width:50px;}
.listTab li .listTxt>p{font-size:18px;}
.listTab:before,.listTab li.on .listTxt:before  {top:70px;}
.listTab li.on .listXian:after,.listTab li.on .listXian:before{top:65px;}
.moneny{height:42px;line-height:42px;}
.moneny .monTitle{font-size:18px;}
.listTab{bottom:8%;}
}

/*ipad ipadPrp*/
@media only screen and (min-width:768px) and (max-width: 1200px) {
.newsTab li a{font-size:16px;}
.newsList li a{max-width:74%;}
.newsTab li{    margin-right: 20px;}
.newsBox .HB .autoPlay li .Title a{    font-size: 14px;}
.newsSum .newSummary{    display: none;}
.newsBox .HB .autoPlay li{    height: 275px;}
.yeWuBox{    padding: 20px 0 20px 0;}
.ywzx span{font-size: 24px;    line-height: 30px;}
.ztzlList .left{    width: 100%;}
.ztzlList .right{    width: 100%;    margin-top: 20px;}
.yewuL{width:100%;}
.yezx_ul li{    margin-bottom: 0px;width: 33%;    text-align: center;}
.yezx_ul li>img{       float: none; width: 50%; height: 50%; display: block;margin: 0 auto;}
.yezx_div{margin-left: 0;    height: 100%;float: none;    display: inline-block;}
.yezx_div>p{    font-size: 16px;margin-bottom:5px;    float: none; text-align: center;}
.yewuR{    width: 100%;}
.ywzx_list{    margin-top: 20px;}
#wrap {display: none;}
.ztzlList{display: block;}
}





/*手机端768px*/
@media only screen and (min-width: 100px) and (max-width: 768px) {
#ad2,.listTab:before, .listTab li.on .listTxt:before,.listTab:before, .listTab li.on .listTxt:before,.listTab li.on .listXian:after, .listTab li.on .listXian:before,#showcase{display:none !important;}
.newContent_top{padding-top:20px;}
.zhuanti_img,#zhuanti,.tzgg_text .bd{padding:20px 0;}



/*轮播*/
.firstBox,.pingImg img,.ping li video{height: 30vh !important;}
.listTab{}
.listTab li{height:100px;}
.listTab li .listTxtShow{min-height:40px;}
.listTab li .listTxt>p{font-size:14px;margin-top:10px;}
.listTab li:hover .listTxt>p{font-size:16px;opacity:1;font-weight:450}
.listTab li .listTxtShow img{width:35px;}
.moneny{    height: 35px; line-height: 35px;}
.comwidth>p{    margin-top: 0px;    margin-left: 12px;    float: left;}
.moneny .monTitle{    font-size: 14px;}

/*头条新闻*/
.tzgg{background:url(/uiFramework/commonResource/image/2021032411120926610.png) no-repeat #eff8ff;}
.tzgg_text{width:96%;margin:0 auto;}
.tzgg_text .bd ul li .pic a{font-size:16px;line-height:26px;}

/*新闻*/
.newsL,.newsR{ width: 100%;}
.newsR{margin-top: 20px;}
.newsBox .HB .autoPlay li .Title a{    font-size:15px;    line-height: 30px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:76%;}
.newsList{ margin-top: 0px;}
.newsBox .HB .autoPlay li{    height: 220px;}
.newsTab li a{ padding:0 0 10px 0;    font-size: 15px;}
.newsSum .newSumTitle a{    font-size: 16px;}
.newsSum .newSummary{    font-size: 14px;}
.newsList li a{ font-size:14px;}
.newsList li span{font-size: 14px;}
.newsTab li{ margin-right: 10px;}
.newsList li a{max-width: 68%;}
.newsList li{height:36px;line-height:36px;    border-bottom: 1px dashed #dedede;}
.newsTab li{width:23%;margin:0 1%;text-align:center;}
.newsTab li.on a{border-bottom: 0px solid #002e4d;}
.newsBox .PLAYbtn{bottom:10px;}
.newsBox .PLAYbtn ul li,.newsBox .PLAYbtn ul li.on{width:6px;height:6px;}



/*业务范围*/
.text-desc h3{     padding-top: 10% !important;font-size: 20px !important;}
.btn{    margin-top:1% !important;}
.yeWuBox{padding:20px 0;}
.txt{    height: 40px;}
.ywzx span{    font-size: 16px;    padding-bottom: 14px;padding-top:6px;}
.ywzx span a{font-size:18px;line-height:48px;width:210px;margin:0 auto;padding:0;display:block;}
.ywzx{    margin-bottom: 15px;    padding-bottom: 3px;}
.yewuL{width:100%;}
.yezx_ul li{  }
.yezx_ul li>img{       float: none; width: 50%; height: 50%; display: block;margin: 0 auto;}
.yezx_div{margin-left: 0;    height: 100%;float: none;    display: inline-block;}
.yezx_div>p{    font-size: 16px;margin-bottom:5px;    float: none; text-align: center;}
.value, .value2, .value3{    font-size: 16px;}
.value_text{font-size: 16px;padding-top:0;}
.yezx_div span{    float: none;display: block;width: 100%;}
.yewuR{width:100%;}
.con{ width: 100%; margin-bottom: 10px; margin-left: 0; background-size: 100% !important; }
.contentbox{margin:0;}
.con_top span{    line-height: 40px; font-size: 16px;}
.ztzlList .left{width:100%;}
.ztzlList a img{height:100%;;}
.ztzlList .right{    display: none;}
.ztzlList .left>p>a{    font-size: 16px;}
.ztzlList .left>p{position: absolute; z-index: 9999; bottom: 0;display: block; line-height: 40px;  width: 100%;text-align: center;background: rgba(0,0,0,.3);    top: unset;
    left: unset}
.ywzx_list {margin-top: 20px;}
.ywzx_list li{width: 100% !important;margin-bottom:1rem;margin-right:0;}
.yezx_ul li{    padding: 0;text-align: center;    margin-bottom: 10px;}

/*视频中心*/
.videoPhoneList{display:block;padding-bottom:2rem;}
.videoPhoneList li{width:100%;margin-bottom:1.5rem;}
.videoPhoneList li div{overflow:hidden;border-radius:8px;}
.videoPhoneList li p{text-align:center;margin-top:1.5rem}
.videoPhoneList li p a{font-size:16px;}

.tzgg_text .bd ul li .title{font-size:14px;line-height:24px;text-align:justify;}
.device .swiper-pagination .swiper-pagination-switch{height:6px;width:6px;margin-right:6px;}
.device .swiper-pagination{bottom:12px;}
}



.ywzx_list li{ width: 23%; float: left;margin-right: 2.5%;    height: 250px;}
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center;    height: 250px;}
.port-1 .text-desc{    background: rgba(69, 95, 173, 0.7); top: -100%; transition: 0.5s; color: #fff; padding: 45px 20px 20px;}
.port-1 img{    transition: 0.5s;width: 100%; height: 250px; object-fit: cover;    border-radius: 10px;}
.port-1:hover img{transform: scale(1.2);}

.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%;}
.btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #4d92d9; background-color: #4d92d9; text-decoration: none; transition: 0.4s;}
.btn:hover{background-color: transparent; color: #fff; transition: 0.4s;    border: 2px solid #fff;}
.text-desc{position: absolute; left: 0; top: 0;height: 100%; width: 100%; padding: 20px;}
.text-desc h3{    color: #fff; font-size: 30px; line-height: 40px; padding-top:115px;}
.text-desc a{margin-top: 20px;}
.effect-3 p{position: absolute;bottom: 0; width: 100%;color: #fff;  background: rgba(0,0,0,.5);}
.effect-3 p a{    line-height: 40px;font-size: 18px; color: #fff;}
.effect-3:hover p{    display: none;}